PWA Progressive Web App

https://gyazo.com/24e21b39d98bbbce009bfce661f1d555

Learn

優位性

動作端末のスペックや回線の帯域によってはPWAやブラウザアプリの方がユーザにとってふさわしい場合

良記事

デザイン

インストール

ホーム画面に追加してもらうことを提案する事のタイミング

https://www.youtube.com/watch?v=6R9pupbDXYw&feature=youtu.be

パターンA

初回利用時にネイティブ Native Appのインストールを促す

その後Cookie等でトラッキング Trackingを行す

Webブラウザ Web Browserで利用し続けていると判断した場合はPWAのインストールを促す

パターンB

初回利用時に動作端末のスペックを確認

ネイティブアプリの利用が難しい場合はPWAのインストールを提案

注意

すでにネイティブ Native AppがインストールされているかをOS提供のAPIを利用して確かめておく

問題

できない

通知

Safari色々深みがある

アドレスバーなど

スクロールのぐぐっとできるやつ

UIでホーム画面に追加できない

参考

ビジネス的な効果、向上よかった

事例